<template>
  <div id="app">
    <router-view />
  </div>
 
</template>
<script>
import color from '@/lnk/utils/color'
export default {
  name: "App",
  data() {
    return {
      
    };
  },
  computed: {
    locale() {
      
    },
  },
  created() {
    
    //设置主题颜色
    const app_color = '#6E3FED';
    if (app_color) {
      document.documentElement.style.setProperty(
        "--el-color-primary",
        app_color
      );
      // document.documentElement.style.setProperty(
      //   "--el-input-bg-color",
      //   "#eeeeee"
      // );
     
      for (let i = 1; i <= 9; i++) {
        document.documentElement.style.setProperty(
          `--el-color-primary-light-${i}`,
         
          color.lighten(app_color, i / 10)
        );
      }
      for (let i = 1; i <= 9; i++) {
        document.documentElement.style.setProperty(
          `--el-color-primary-dark-${i}`,
         
          color.darken(app_color, i / 10)
        );
      }
    }
  }
}

</script>

<style scoped>

</style>
